<%@ Title= "Edit Profile" %>
  
<com:TContent ID="Main" >
<com:TClientScript ID="TClientScript1" >

    function genericMSG(msg)
    {
         //alert('btn.value: '+document.getElementById(msg).value);
     	 //document.getElementById('displayName').style.color = 'red';
		 alert(msg);
	}
</com:TClientScript>


<h1 class = "content">
    <span id="displayName">
        <com:TLiteral ID="txtDisplayName" Text=""  />
    </span>'s Edit Profile
</h1> 
<com:TImage CssClass="avatar-img"
 ImageUrl="<%=$this->getAvatar($this->getOwnerRecord())%>" />
<div id="editProfile" >
 <br>
<h2 content = "content">Edit your avatar photo</h2>
<br>
<com:TFileUpload OnFileUpload="fileUploaded" /> <br><br>
<com:TButton ID="btnUpload" Text="Upload" />
<com:TButton Text="Reset Avatar"  OnClick="resetAvatar"/>  
<br><br>
<hr  /> 
<h2 content = "content">Edit basic profile</h2>
  <com:TCustomValidator
    ValidationGroup="Group3"
    ControlToValidate="lastName"
    ClientValidationFunction="myValidationFunction"
    FocusOnError="true"
    Text="" />
<p>
<label>First Name</label>
<com:TTextBox ID="firstName" Visible="true"  /><span style="color:#ff0000;"> *</span>

</p>
<p>
<label>Last Name</label>
<com:TTextBox ID="lastName" Visible="true"  /><span style="color:#ff0000;"> *</span>

<p>
<label>Password</label>
<com:TTextBox ID="pw" Visible="true"  TextMode="Password"/><span style="color:#ff0000;"> *</span>

</p>
</p>
<p>
<label>Conf. Password</label>
<com:TTextBox ID="confPW" Visible="true" TextMode="Password" /><span style="color:#ff0000;"> *</span>

</p>


<script type="text/javascript"><!--
function myValidationFunction(sender, parameter)
{
	
	var text = document.getElementById("ctl0_Main_ctl11")
	

	if(document.getElementById("ctl0_Main_firstName").value == "" || 
	document.getElementById("ctl0_Main_lastName").value == "" || 
	document.getElementById("ctl0_Main_pw").value == "" || 
	document.getElementById("ctl0_Main_confPW").value == "")
	{
		text.innerHTML = "Please provide all our required data *";
		return false;
	}
	if (document.getElementById("ctl0_Main_pw").value !=
	document.getElementById("ctl0_Main_confPW").value) {
		text.innerHTML = "Password and confirm password must be equal.";
		return false;
	}
	return true;
		
}
--></script>

<p>
<label>BirthDate</label>


<com:TDropDownList ID="DDLDay" />
<com:TDropDownList ID="DDLMonth" />
<com:TDropDownList ID="DDLYear" />

</p>
<p>
<com:TRadioButton
    ID="radMale"
    GroupName="sex"
    Text="Male"
    />
<com:TRadioButton
    ID="radFemale"
    GroupName="sex"
    Text="Female"
    />
</p>
<p>
<label>Is privated?</label>
<com:TCheckBox ID="isPrivateChk" />
</p>
   <br/>
<com:TButton ID="btnSending" Text="Submit"  />
<br>

</div>


	 <br>

</com:TContent>